<%@page contentType="text/html" language="java" import="com.compuvest.web.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<%@ taglib uri="/WEB-INF/tld/head.tld" prefix="head" %>
<%@ taglib uri="/WEB-INF/tld/bottom.tld" prefix="bottom" %>

<jsp:useBean id="sb" class="MySQL" scope="application"/>
<jsp:useBean id="basket" class="Basket" scope="session"/>
<html>
<%@include file="/incl/head.html" %>

<body>

<table style='height:100%;'>

<tr valign=top height=84>
 <td colspan=3>

<head:show />

 </td>
</tr>

<tr valign=top align=center>

 <td style="width:180px;">
<%@include file="incl/menu.jsp" %>
 </td>

 <td>

<%   
    String search = request.getParameter("Search");
    if(search != null) {
%>
 <br/>
<div style="text-align:center;width:60%;background-color:lightyellow;font-size:11pt;">
<fieldset >
 There were no matching result for your query<br/>
 <font color=red>"<%= search %>"</font><br/>
 Try to search by selecting <b>"Advanced Search"</b> checkbox.<br/><br/>
 <b>If you are not able to find a product, please fill out a
 <a href="<%= application.getInitParameter("info") + "ProductRequest.jsp#t17" %>" style='text-decoration:none;color:red;'>product request form.</a></b>
</fieldset>
</div>
<%   } %>

<div class=cstitle>Search and Browse Tips</div><br/>
<div style="text-align:center;color:#5B2256;">If you choose a <b>Quick Search</b> it allows to search by:</div><br/>
<div style="display:block;width:40%;background-color:white;">
<fieldset>
 <div style="color:#5B2256;font-size:11pt;padding:4px 20px;text-align:left;">
  <div><b>&#8226;</b> Manufacturer's Part Number</div>
  <div><b>&#8226;</b> Product Title</div>
  <div><b>&#8226;</b> Compuvest SKU</div>
 </div>
</fieldset>
</div>
<br/>

<div style="text-align:center;color:#5B2256;">If you choose an <b>Advanced Search</b> it allows to search by:</div><br/>
<div style="display:block;width:40%;color:#5B2256;font-size:11pt;background-color:white;">
<fieldset>
 <div style="color:#5B2256;font-size:11pt;padding:4px 20px;text-align:left;">
  <div><b>&#8226;</b> Manufacturer's Part Number</div>
  <div><b>&#8226;</b> Product Title</div>
  <div><b>&#8226;</b> Compuvest SKU</div>
  <div><b>&#8226;</b> Extended Description</div>
 </div>
</fieldset>
</div>
<br/>

<div style="text-align:center;color:#5B2256;"><b>Filter results</b><br/><br/>
 Because of the large amount of items on site we decided to create an easy way to filter results.</div><br/>
<div style="display:block;width:75%;color:#5B2256;font-size:11pt;background-color:white;">
<fieldset>
 <div style="color:#5B2256;font-size:11pt;padding:4px 20px;text-align:left;">
     <div><b>&#8226;</b> Pull down menus (in brown) can be used in any order.</div>
  <br/><div style='text-align:center;'><img src='../images/st1.jpg' /></div><br/>
  <div><b>&#8226;</b> Once you have picked an option (in black), the products will be filtered accordingly.</div>
  <div>For example, you want to see all products manufactured by "Sony".</div>
  <div>Once you click on the "Sony" option, you will see the pull down menu options have changed.</div>
  <br/><div style='text-align:center;'><img src='../images/st2.jpg' /></div><br/>
  <div><b>&#8226;</b> In the menu called "Speaker Type" there are now only 2 options instead of original
    4. That means that the other 2 options that are not showing do not contain any items manufactured by "Sony".</div><br/>
  <div><b>&#8226;</b> Reset the menus to restore all options.</div>
 </div>
</fieldset>
</div>
<br/>

 </td>

 <td style="width:160px;">&nbsp;</td>

</tr>

<tr height=35>
 <td colspan=3>

<bottom:show />

 </td>
</tr>

</table>

</body>
<%@ include file="../incl/tracking.incl" %>
</html>
